<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Angular Material style sheet -->
  <link rel="stylesheet" href="css/angular-material.min.css">
</head>
<body ng-app="BlankApp" ng-cloak>
  <!--
    Your HTML content here
  -->  
  
  <!-- Angular Material requires Angular.js Libraries -->
  <script src="js/angular-1.4.8.min.js"></script>
  <script src="js/angular-animate.min.js"></script>
  <script src="js/angular-aria.min.js"></script>
  <script src="js/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="js/angular-material.min.js"></script>
  
  <!-- Your application bootstrap  -->
  <script type="text/javascript">    
    /**
     * You must include the dependency on 'ngMaterial' 
     */
    angular.module('BlankApp', ['ngMaterial']);
  </script>
  

<div layout="column" layout-padding>
   <div layout="row">
       <div>Logo</div>
       <h1 flex>Sample site</h1>
   </div>
   <div flex layout-gt-sm="row" layout-sm="column">
       <div flex-gt-sm="20">
          Sidebar
       </div>
       <div flex-gt-sm="80">
          Content
       </div>
   </div>
   <div layout="row" layout-align="center">
       footer
   </div>
</div>


</body>
</html>
<style type="text/css" >
  body{
    font-family: 'Roboto','Microsoft YaHei';
  }
</style>